<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>

    </style>
</head>
<body>
    <div id="app">
        <v-input></v-input>
    </div>
</body>
<script src="https://cdn.bootcdn.net/ajax/libs/moment.js/1.0.0/moment.min.js"></script>
<script src="./js/vue.js"></script>
<script>

    /*Vue.directive('focus', {
        // 当被绑定的元素插入到 DOM 中时……
        inserted: function (el) {
            // 聚焦元素
            el.focus()
        }
    })*/

    new Vue({
        el:"#app",
        components:{
            "v-input":{
                template:`<input type="text" v-focus>`,
                directives:{
                    //局部指令
                    focus:{
                        //当使用了v-focus指令模板被解析成功 挂载到dom上去的时候
                        //inserted会被自动执行

                        //el : 使用了v-focus指令的节点
                        inserted(el){
                            el.focus()
                        }
                    }
                }
            }
        }
    })
</script>
</html>